<template>
  <div>
    <p>{{ word }}</p>
    <button @click="jokeBtn">点击说笑话</button>
  </div>
</template>

<script>
export default {
  name: "VuecliZuoye1",

  data() {
    return {
      word: "这里是一条笑话",
      jokeArr: [
        "我去相亲网站去了, 那你找到对象了吗? 不! 我找到了他们网站的一个Bug",
        "这个需求很简单, 怎么实现我不管, 明天上线",
        "程序员是推动这个世界进步的人",
      ],
    };
  },

  methods: {
    jokeBtn() {
      let randNum = Math.floor(Math.random() * this.jokeArr.length);
      let str = this.jokeArr[randNum];
      this.word = str;
    },
  },
};
</script>

<style lang="scss" scoped>
</style>